<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
  <script>
    // 一. 函数的概述
    // 1. 以后的开发都是函数式编程，很多后端语言都是面向对象开发
    // 2. ECMAScript提供的类的本质是函数(类 -> 对象 -> 属性和方法)
    // 3. 函数在js里面是第一等公民，类也是有构造函数构造出来
    // 4. 对象下面的方法也是函数

    // 二. 函数的概念
    // 对于 js 来说，函数就是把任意一段代码(具有具体功能的一段代码)放在一个 盒子 里面
    // 在我想要让这段代码执行的时候，直接执行这个 盒子 里面的代码就行

    // 三. 函数的声明和调用
    // console.log("hello");
    // console.log("hello html");
    // console.log("hello css");
    // console.log("hello javascript");

    // 1. 声明式创建
    // function fn() {
    //   console.log("hello");
    //   console.log("hello html");
    //   console.log("hello css");
    //   console.log("hello javascript");
    // }

    // 2. 赋值式创建
    // 匿名函数, 将整个函数作为整体赋值给一个变量
    // var fn = function () {
    //   console.log("hello");
    //   console.log("hello html");
    //   console.log("hello css");
    //   console.log("hello javascript");
    // }

    // 函数的调用
    // fn();




    // 3. 声明式创建和赋值式创建的区别
    // 声明式的函数在任何地方都可以被调用
    // fn();
    // fn();
    // function fn() {
    //   console.log("hello");
    //   console.log("hello html");
    //   console.log("hello css");
    //   console.log("hello javascript");
    // }
    // fn();
    // fn();

    // 赋值式的函数只能在创建以后才能被调用
    // fn();
    // fn();
    // var fn = function () {
    //   console.log("hello");
    //   console.log("hello html");
    //   console.log("hello css");
    //   console.log("hello javascript");
    // }
    // fn();
    // fn();

  </script>
</body>
</html>